<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>所有专业页</title>
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i">
    <link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
    <style>
        body{
            background-color: #F8F9FC;
        }
        .footer{
            margin-top: 100px;
            border-top: 1px solid rgb(167, 167, 167);
            }
        .footertext{
            text-align: center;
            font-size: 0.5em;
            line-height: 30px;
            padding-top: 30px;
            color: rgb(167, 167, 167);
            margin-bottom: 100px;
        }
        .nav{
        /* position: fixed; */
        margin: 10px;
        margin-top: 30px;
        }
        .upnav{
        margin-top: 50px;
        }
        .botnav{
        border-top: darkgray 1px solid;
        padding-top:20px ;
        padding-bottom:11px ;
        }
        input{
        border: 0ch;
        }
        .seacher{
        border: 1px rgb(104, 104, 104) solid;
        border-radius: 50px;
        background-color: white;
        width: 270px;
        height: 38px;
        }
        a{
        color: rgb(80, 80, 80);
        cursor: pointer;     /* 鼠标样式*/
        text-decoration:none;
        }
    </style>
</head>

<body id="page-top">
<div id="app">

    <!-- 固定导航栏 -->
    <div class="container">
        <div class="row nav upnav">
            <div class="col-lg-4"><h1><div style="font-family: 'Arial'; color: black">山东省高考志愿系统</div></h1></div>
            <div class="col lg-4"></div>

        </div>
        <div class="row nav botnav">
            <div class="col-lg-2"></div>
            <div class="col-lg-8  row">
                <div class="col-lg-2">
                    <a href="../index.html">
                        首页
                    </a>
                </div>
                <div class="col-lg-2">
                    <a href="../universities.html">
                        院校查找
                    </a>
                </div>
                <div class="col-lg-2">
                    <a href="majors.html" style="font-weight: bold; color: rgb(57, 83, 131);">
                        专业查找
                    </a>
                </div>
                <div class="col-lg-2">
                    <a href="../recommend.html">
                        志愿推荐
                    </a>
                </div>
                <div class="col-lg-2">
                    <a href="../ranking.html">
                        大学排行
                    </a>
                </div>
                <div class="col-lg-2">
                    <a href="javascript:;" @click="toAdmin()">
                        管理员
                    </a>
                </div>
            </div>
        </div>
    </div>
    

    <div id="wrapper">
        
        <div class="d-flex flex-column" id="content-wrapper">
            <div id="content">
                <div class="container">
                    <div class="row" style="margin-top: 30px;">
                        <div class="col-md-1"></div>
                        <div class="col-md-10">
                            <div>
                                <ul class="nav nav-tabs" role="tablist">
                                    <li class="nav-item" role="presentation"><a class="nav-link active" role="tab" data-bs-toggle="tab" href="#tab-1">本科专业</a></li>
                                    <li class="nav-item" role="presentation"><a class="nav-link" role="tab" data-bs-toggle="tab" href="#tab-2">专科专业</a></li>
                                </ul>
                                <div class="tab-content">
                                    <div class="tab-pane active" role="tabpanel" id="tab-1">
                                        <nav class="navbar navbar-light navbar-expand-md">
                                            <div class="container-fluid">
                                                <div class="collapse navbar-collapse" id="navcol-1">
                                                    <ul class="navbar-nav">
                                                        <li class="nav-item"><a class="nav-link" href="#zhexue">哲学</a></li>
                                                        <li class="nav-item"><a class="nav-link" href="#yixue">医学</a></li>
                                                        <li class="nav-item"><a class="nav-link" href="#guanlixue">管理学</a></li>
                                                        <li class="nav-item"><a class="nav-link" href="#yishuxue">艺术学</a></li>
                                                        <li class="nav-item"><a class="nav-link" href="#jingjixue">经济学</a></li>
                                                        <li class="nav-item"><a class="nav-link" href="#faxue">法学</a></li>
                                                        <li class="nav-item"><a class="nav-link" href="#jiaoyuxue">教育学</a></li>
                                                        <li class="nav-item"><a class="nav-link" href="#wenxue">文学</a></li>
                                                        <li class="nav-item"><a class="nav-link" href="#lishixue">历史学</a></li>
                                                        <li class="nav-item"><a class="nav-link" href="#lixue">理学</a></li>
                                                        <li class="nav-item"><a class="nav-link" href="#gongxue">工学</a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </nav>
                                    </div>
                                    <div class="tab-pane" role="tabpanel" id="tab-2">
                                        <nav class="navbar navbar-light navbar-expand-md">
                                            <div class="container-fluid">
                                                <div class="collapse navbar-collapse" id="navcol-2">
                                                    <ul class="navbar-nav">
                                                        <li class="nav-item"><a class="nav-link" href="#">第一个专科专业</a></li>
                                                        <li class="nav-item"><a class="nav-link" href="#">第二个专科专业</a></li>
                                                        <li class="nav-item"><a class="nav-link" href="#">第三个专科专业</a></li>
                                                        <li class="nav-item"><a class="nav-link" href="#">第四个专科专业</a></li>
                                                        <li class="nav-item"><a class="nav-link" href="#">第五个专科专业</a></li>
                                                        <li class="nav-item"><a class="nav-link" href="#">第六个专科专业</a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </nav>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row" style="margin-top: 30px;">
                        <div class="col-md-1"></div>
                        <div class="col-md-10">
                            <div class="card" style="margin-top: 10px;">
                                <a name="zhexue"></a>
                                <div class="card-header">
                                    <h5 class="mb-0">哲学</h5>
                                </div>
                                <div class="card-body">
                                    <ul class="list-group">
                                        <li class="list-group-item"><span>哲学类</span>
                                            <nav class="navbar navbar-light navbar-expand-md">
                                                <div class="container-fluid">
                                                    <div class="collapse navbar-collapse" id="navcol-3">
                                                        <ul class="navbar-nav">
                                                            <li class="nav-item"><a class="nav-link" :href="'major.html?name='+'哲学'">哲学</a></li>
                                                            <li class="nav-item"><a class="nav-link" href="#">逻辑学</a></li>
                                                            <li class="nav-item"><a class="nav-link" href="#">宗教学</a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </nav>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="card" style="margin-top: 10px;">
                                <a name="yixue"></a>
                                <div class="card-header">
                                    <h5 class="mb-0">医学</h5>
                                </div>
                                <div class="card-body">
                                    <ul class="list-group">
                                        <li class="list-group-item"><span>基础医学类</span>
                                            <nav class="navbar navbar-light navbar-expand-md">
                                                <div class="container-fluid">
                                                    <div class="collapse navbar-collapse" id="navcol-4">
                                                        <ul class="navbar-nav">
                                                            <li class="nav-item"><a class="nav-link" href="#">基础医学</a></li>
                                                            <li class="nav-item"><a class="nav-link" href="#">生物学</a></li>
                                                            <li class="nav-item"><a class="nav-link" href="#">生物医学科学</a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </nav>
                                        </li>
                                        <li class="list-group-item"><span>临床医学类</span>
                                            <nav class="navbar navbar-light navbar-expand-md">
                                                <div class="container-fluid">
                                                    <div class="collapse navbar-collapse" id="navcol-5">
                                                        <ul class="navbar-nav">
                                                            <li class="nav-item"><a class="nav-link" :href="'major.html?name='+'临床医学'">临床医学</a></li>
                                                            <li class="nav-item"><a class="nav-link" href="#">麻醉学</a></li>
                                                            <li class="nav-item"><a class="nav-link" href="#">医学影像学</a></li>
                                                            <li class="nav-item"><a class="nav-link" href="#">眼视光医学</a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </nav>
                                        </li>
                                    </ul>
                                </div>
                            </div>


                            <div class="card" style="margin-top: 10px;">
                                <a name="guanlixue"></a>
                                <div class="card-header">
                                    <h5 class="mb-0">管理学</h5>
                                </div>
                                <div class="card-body">
                                    <ul class="list-group">
                                        <li class="list-group-item"><span>工商管理类</span>
                                            <nav class="navbar navbar-light navbar-expand-md">
                                                <div class="container-fluid">
                                                    <div class="collapse navbar-collapse" id="navcol-6">
                                                        <ul class="navbar-nav">
                                                            <li class="nav-item"><a class="nav-link" href="#">工商管理学</a></li>
                                                            <li class="nav-item"><a class="nav-link" href="#">市场营销</a></li>
                                                            <li class="nav-item"><a class="nav-link" href="#">审计学</a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </nav>
                                        </li>
                                        <li class="list-group-item"><span>管理科学与工程类类</span>
                                            <nav class="navbar navbar-light navbar-expand-md">
                                                <div class="container-fluid">
                                                    <div class="collapse navbar-collapse" id="navcol-7">
                                                        <ul class="navbar-nav">
                                                            <li class="nav-item"><a class="nav-link" href="#">管理科学</a></li>
                                                            <li class="nav-item"><a class="nav-link" :href="'major.html?name='+'工程管理'">工程管理</a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </nav>
                                        </li>
                                    </ul>
                                </div>
                            </div>



                            <div class="card" style="margin-top: 10px;">
                                <a name="yishuxue"></a>
                                <div class="card-header">
                                    <h5 class="mb-0">艺术学</h5>
                                </div>
                                <div class="card-body">
                                    <ul class="list-group">
                                        <li class="list-group-item"><span>艺术学理论类</span>
                                            <nav class="navbar navbar-light navbar-expand-md">
                                                <div class="container-fluid">
                                                    <div class="collapse navbar-collapse" id="navcol-8">
                                                        <ul class="navbar-nav">
                                                            <li class="nav-item"><a class="nav-link" :href="'major.html?name='+'艺术史论'">艺术史论</a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </nav>
                                        </li>
                                        <li class="list-group-item"><span>美术学类</span>
                                            <nav class="navbar navbar-light navbar-expand-md">
                                                <div class="container-fluid">
                                                    <div class="collapse navbar-collapse" id="navcol-9">
                                                        <ul class="navbar-nav">
                                                            <li class="nav-item"><a class="nav-link" href="#">美术学</a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </nav>
                                        </li>
                                    </ul>
                                </div>
                            </div>



                            <div class="card" style="margin-top: 10px;">
                                <a name="jingjixue"></a>
                                <div class="card-header">
                                    <h5 class="mb-0">经济学</h5>
                                </div>
                                <div class="card-body">
                                    <ul class="list-group">
                                        <li class="list-group-item"><span>经济学类</span>
                                            <nav class="navbar navbar-light navbar-expand-md">
                                                <div class="container-fluid">
                                                    <div class="collapse navbar-collapse" id="navcol-10">
                                                        <ul class="navbar-nav">
                                                            <li class="nav-item"><a class="nav-link" :href="'major.html?name='+'经济学'">经济学</a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </nav>
                                        </li>
                                        <li class="list-group-item"><span>财政学类</span>
                                            <nav class="navbar navbar-light navbar-expand-md">
                                                <div class="container-fluid">
                                                    <div class="collapse navbar-collapse" id="navcol-11">
                                                        <ul class="navbar-nav">
                                                            <li class="nav-item"><a class="nav-link" href="#">财政学</a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </nav>
                                        </li>
                                    </ul>
                                </div>
                            </div>


                            <div class="card" style="margin-top: 10px;">
                                <a name="faxue"></a>
                                <div class="card-header">
                                    <h5 class="mb-0">法学</h5>
                                </div>
                                <div class="card-body">
                                    <ul class="list-group">
                                        <li class="list-group-item"><span>法学类</span>
                                            <nav class="navbar navbar-light navbar-expand-md">
                                                <div class="container-fluid">
                                                    <div class="collapse navbar-collapse" id="navcol-12">
                                                        <ul class="navbar-nav">
                                                            <li class="nav-item"><a class="nav-link" :href="'major.html?name='+'法学'">法学</a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </nav>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="card" style="margin-top: 10px;">
                                <a name="jiaoyuxue"></a>
                                <div class="card-header">
                                    <h5 class="mb-0">教育学</h5>
                                </div>
                                <div class="card-body">
                                    <ul class="list-group">
                                        <li class="list-group-item"><span>教育学类</span>
                                            <nav class="navbar navbar-light navbar-expand-md">
                                                <div class="container-fluid">
                                                    <div class="collapse navbar-collapse" id="navcol-13">
                                                        <ul class="navbar-nav">
                                                            <li class="nav-item"><a class="nav-link" :href="'major.html?name='+'教育学'">教育学</a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </nav>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="card" style="margin-top: 10px;">
                                <a name="wenxue"></a>
                                <div class="card-header">
                                    <h5 class="mb-0">文学</h5>
                                </div>
                                <div class="card-body">
                                    <ul class="list-group">
                                        <li class="list-group-item"><span>中国语言文学类</span>
                                            <nav class="navbar navbar-light navbar-expand-md">
                                                <div class="container-fluid">
                                                    <div class="collapse navbar-collapse" id="navcol-14">
                                                        <ul class="navbar-nav">
                                                            <li class="nav-item"><a class="nav-link" :href="'major.html?name='+'汉语言文学'">汉语言文学</a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </nav>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="card" style="margin-top: 10px;">
                                <a name="lishixue"></a>
                                <div class="card-header">
                                    <h5 class="mb-0">历史学</h5>
                                </div>
                                <div class="card-body">
                                    <ul class="list-group">
                                        <li class="list-group-item"><span>历史学类</span>
                                            <nav class="navbar navbar-light navbar-expand-md">
                                                <div class="container-fluid">
                                                    <div class="collapse navbar-collapse" id="navcol-15">
                                                        <ul class="navbar-nav">
                                                            <li class="nav-item"><a class="nav-link" :href="'major.html?name='+'历史学'">历史学</a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </nav>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="card" style="margin-top: 10px;">
                                <a name="lixue"></a>
                                <div class="card-header">
                                    <h5 class="mb-0">理学</h5>
                                </div>
                                <div class="card-body">
                                    <ul class="list-group">
                                        <li class="list-group-item"><span>物理学类</span>
                                            <nav class="navbar navbar-light navbar-expand-md">
                                                <div class="container-fluid">
                                                    <div class="collapse navbar-collapse" id="navcol-16">
                                                        <ul class="navbar-nav">
                                                            <li class="nav-item"><a class="nav-link" :href="'major.html?name='+'物理学'">物理学</a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </nav>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="card" style="margin-top: 10px;">
                                <a name="gongxue"></a>
                                <div class="card-header">
                                    <h5 class="mb-0">工学</h5>
                                </div>
                                <div class="card-body">
                                    <ul class="list-group">
                                        <li class="list-group-item"><span>计算机类</span>
                                            <nav class="navbar navbar-light navbar-expand-md">
                                                <div class="container-fluid">
                                                    <div class="collapse navbar-collapse" id="navcol-17">
                                                        <ul class="navbar-nav">
                                                            <li class="nav-item"><a class="nav-link" :href="'major.html?name='+'计算机科学与技术'">计算机科学与技术</a></li>
                                                            <li class="nav-item"><a class="nav-link" :href="'major.html?name='+'软件工程'">软件工程</a></li>
                                                            <li class="nav-item"><a class="nav-link" :href="'major.html?name='+'网络工程'">网络工程</a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </nav>
                                        </li>
                                        <li class="list-group-item"><span>土木类</span>
                                            <nav class="navbar navbar-light navbar-expand-md">
                                                <div class="container-fluid">
                                                    <div class="collapse navbar-collapse" id="navcol-18">
                                                        <ul class="navbar-nav">
                                                            <li class="nav-item"><a class="nav-link" :href="'major.html?name='+'土木工程'">土木工程</a></li>
                                                            <li class="nav-item"><a class="nav-link" href="#">城市地下空间工程</a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </nav>
                                        </li>
                                        <li class="list-group-item"><span>建筑类</span>
                                            <nav class="navbar navbar-light navbar-expand-md">
                                                <div class="container-fluid">
                                                    <div class="collapse navbar-collapse" id="navcol-19">
                                                        <ul class="navbar-nav">
                                                            <li class="nav-item"><a class="nav-link" :href="'major.html?name='+'建筑学'">建筑学</a></li>
                                                            <li class="nav-item"><a class="nav-link" href="#">城乡规划</a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </nav>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
<!-- footer -->
            <div class="footer container">
                <div class="footertext">
                    <div>项目经理: 李永琪</div>
                    <div>邮箱: 1250025948@qq.com</div>
                    <div>团队成员: 王兴胜 周经纬 刘宇航</div>
                </div>
            </div>

        </div><a class="border rounded d-inline scroll-to-top" href="#page-top"><i class="fas fa-angle-up"></i></a>
    </div>
    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
    <script src="assets/js/theme.js"></script>
</div>
</body>

</html>

<script src="../js/vue.js"></script>
<script src="../js/axios.min.js"></script>
<script>
    const app = new Vue({
        el:"#app",
        data:{
            major:{},
            id:"",
            name:""
        },
        methods:{
            queryMajorByName(){
                const _this = this;
                axios.get("http://localhost:8080/majors/queryMajorByName?name="+encodeURI(this.name)).then((res)=>{
                    console.log(res.data);
                    console.log(this.name);
                    console.log(location.href);
                    _this.major = res.data;
                });
            },
            toAdmin(){
                if(window.localStorage.getItem("role") === 'administrator') location.href='../admin/user.html';
                else alert("非管理员 无授权进入管理员界面!")
            }
        },
        created(){
            if(window.localStorage.getItem("online")!=="on"){
                window.location='login.html';
            }else {
                const codeUrl = location.href.substring(location.href.indexOf("=") + 1);
                this.name = decodeURI(codeUrl);
                this.queryMajorByName();
            }
        }
    })
</script>